/*----------------------
	   IMPORT CSS
-----------------------*/
@import url('style-font.css');
@import url('style-menu.css');
/*---------------------
      FIN IMPORT CSS
----------------------*/


/*----------------------------
	OVERRIDE SUR CSS JQUERY
----------------------------*/
.ui-body-c, .ui-body-c input, .ui-body-c select, .ui-body-c textarea, .ui-body-c button{
	font-family: "OpenSans", Helvetica, Arial, sans-serif;
}
.ui-body-c, .ui-overlay-c{
	text-shadow:inherit;
}
div.ui-input-text{
	padding: 0 10px;
}
.ui-listview-filter .ui-input-search{
	padding: 0 0 0 50px;
}
.ui-listview-filter {
	margin:0;
}
.ui-icon-searchfield{
	background: #fff url(../img/search.png) no-repeat 10px 6px;
}
.ui-icon-searchfield:after{
	position: relative;
}
/*----------------------------
  FIN OVERRIDE SUR CSS JQUERY
----------------------------*/

html, body {
	background: #ecf0f1;
	font-family: "OpenSans", Helvetica, Arial, sans-serif;
	margin: 0;
	padding: 0;
}

#logo{
	margin: 5px 0 0px;
	padding: 0 9%;
	text-align: center;
}
#connection #logo img{
	margin-top:50px;
}
#login #logo img, #inscription #logo img{
	margin-top:15px;
}

p.error{
	font-family: "OpenSans", Helvetica, Arial, sans-serif;
    font-size: 12px;
    margin: 15px 0 0;
    text-align: justify;
    background-size: 40px 40px;
    background-image: linear-gradient(135deg, rgba(255, 255, 255, .05) 25%, transparent 25%,
              transparent 50%, rgba(255, 255, 255, .05) 50%, rgba(255, 255, 255, .05) 75%,
              transparent 75%, transparent);                    
     box-shadow: inset 0 -1px 0 rgba(255,255,255,.4);
     border: 1px solid;
     color: #fff;
     padding: 12px 10px;
     position: relative;
     _position: absolute;
     text-shadow: 0 1px 0 rgba(0,0,0,.5);
     animation: animate-bg 5s linear infinite;
    background-color: #8C0407;
    border-color: #fff;
    margin: 10px 0 0;
    display: none;
}
@keyframes animate-bg {
    from {
        background-position: 0 0;
    }
    to {
       background-position: -80px 0;
    }
}

/*----------------
	INDEX
-----------------*/

#content-connection a.button{
	height: 35px;
	display: block;
	margin: 20px 0 0;
	padding:25px 0 0 25px;
	color: #fff;
	text-decoration: none;
	text-transform: uppercase;
	font-weight: bold;
}

a.button.color1{
	background: #1abc9c;
}

a.button.color2{
	background: #2ecc71;
}

#content-login, #content-connection, #content-mentions, #content-inscription{
	padding: 0 9%;
}

/*----------------
	HEADER
-----------------*/

.ui-header.ui-bar-a{
	background: #2c3e50;
	text-align: center;
	text-shadow: inherit;
	border:1px solid #2c3e50;
}

/*---Bouton annuler---*/
.ui-header a.btn_annuler.ui-btn-corner-all{
	border-radius: inherit;
	background: #34495e;
}
.ui-header a.btn_annuler{
	margin: 8px 0 0;
}
/*---Fin Bouton annuler---*/
a.btn_annuler.ui-btn-up-a, a.jqm-navmenu-link{
	background:#2c3e50; 
}

a:hover.btn_annuler.ui-btn-hover-a{
	background:#2c3e50; 
}

.ui-bar-a a.jqm-navmenu-link.ui-btn-corner-all, a.jqm-navmenu-link.ui-btn-corner-all .ui-btn-inner .ui-icon {
	border-radius: inherit;
	background: url('../img/icon-menu.png') no-repeat;
	border:none;
}
a.jqm-navmenu-link.ui-btn-left{
	width: 22px;
	height: 22px;
	margin: 4px 0 0 5px;
}
.ui-btn-left.ui-btn-icon-notext .ui-btn-inner .ui-icon{
	margin:0;
}
.ui-icon, .ui-icon-searchfield:after{
	background-color:inherit;
}
.ui-btn-inner{
	border:none;
}
.ui-bar-a .ui-shadow, .ui-bar-b .ui-shadow, .ui-bar-c .ui-shadow{
	box-shadow: none;
}
.ui-btn-up-a, .ui-btn-hover-a{
	border:none;
}
/*----------------
	INSCRIPTION
-----------------*/
#content-inscription .ui-input-text, #content-login .ui-input-text{
	color:#7f8c8d;
	border-radius: inherit;
}
p.text-inscription{
	margin: 15px 0 0;
	color: #7f8c8d;
	font-size:12px;
    text-transform: uppercase;
    text-align: justify;
}
#btInscription, #btLogin{
    height: 30px;
    margin: 20px 0 0;
    padding:15px 0 14px;
    display: block;
	background: none repeat scroll 0 0 #1ABC9C;
	font-size: 24px;
    text-align: center; 
	color: #FFFFFF;
    text-decoration: none;
    text-transform: uppercase;
}


/*----------------
	LOGIN
-----------------*/

#content-login .text-motdepasse a{
	color:#666666;
	text-decoration: none;
	font-weight: inherit;
}
#content-login .text-motdepasse a:hover{
	text-decoration: underline;	
}

/*----------------------
	MENTIONS
----------------------*/
#content-mentions h3{
	font-size: 16px;
	margin:10px 0 2px 0
}
#content-mentions p{
	text-align: justify;
	font-size: 14px;
}

/*----------------------
	PARAMETER
----------------------*/
#content-parameters{
	margin: 20px 9%;
}

/*----------------------
   STATIONS and EVENTS
----------------------*/

h2.ui-li-heading, .fiche-event h2{
	background: #2ecc71;
	width: 100%;
	padding: 6px 10%;
	margin: 0 0 20px;
	font-family: "OpenSans", Helvetica, Arial, sans-serif;
	text-shadow: none;
	color: #fff;
	text-transform: uppercase;
	font-size: 16px;
}
#stations li.ui-li, #events li.ui-li{
	margin: 0px 0 15px;
	border-bottom: 1px solid #aaa;
}

#stations .ui-btn-text a, #events .ui-btn-text a{
	padding: 0 0 15px;
}

#stations, #events {
	margin: 0 -15px;
}

#stations .distance {
	padding: 0 10%;
}

.ui-icon {
	width: 20px;
	height: 22px;
	margin-right: 2%;
	border-radius: 0;
}

.ui-btn-icon-right>.ui-btn-inner>.ui-icon {
	margin-top: 6px;
}

.ui-icon.ui-icon-arrow-r{
	background: url(../img/arrow_mini.png) no-repeat;
}

.ui-li .ui-btn-inner a.ui-link-inherit, .ui-li-static.ui-li {
	padding: 0;
}

#events img {
	padding: 0 30px 0 5%;
}

.ui-li-thumb {
	position: relative;
}

.fiche-event .bloc_img {
	padding: 0 10% 10px;
	text-align: center;
}

.fiche-event p {
	padding: 0 10%;
}

p.accroche{
	padding: 15px 10% 0 0;
	font-size: 14px;
}

.fiche-event p.accroche{
	padding: 0 10%;
}

.ui-icon-shadow {
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.ui-shadow-inset {
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.ui-input-search.ui-body-c{
	border: 2px solid #63a2cd;
}


/*----------------------
	     MAP
----------------------*/
#map_canvas { 
	height: 100px ; 
	width:100%;
}

.ui-content { 
	padding:0;
}

#popupInfoStation h1.ui-title {
	background: #1abc9c;
	width: 100%;
	padding: 6px 0;
	margin: 0;
	font-family: "OpenSans", Helvetica, Arial, sans-serif;
	text-shadow: none;
	color: #fff;
	text-transform: uppercase;
	font-size: 16px;
	border: none;
}

#popupInfoStation .content p, .page-station div[data-role="content"]{
	background-color:#2c3e50;
	color: #6285a8;
	padding: 0;
	margin: 0;
	text-shadow: none;
}

#popupInfoStation .content p span, .page-station div[data-role="content"] span{
	display:block;
	border-bottom: 1px solid #34495e;
	padding: 10px 10px 10px 45px;
	background: url(../img/icone3.png) no-repeat 13px 20px;
	min-height: 35px;
}

#popupInfoStation .content p span.popupAdresse, .page-station div[data-role="content"] span.popupAdresse{
	background: url(../img/icone1.png) no-repeat 13px 20px;
}

#popupInfoStation .content p span.popupDistance, .page-station div[data-role="content"] span.popupDistance{
	background: url(../img/icone2.png) no-repeat 10px 20px;
}

#popupInfoStation .content p strong, .page-station div[data-role="content"] strong{
	font-family: "OpenSans", Helvetica, Arial, sans-serif;
	color: #fff;
	text-transform: uppercase;
	font-size: 14px;
}

.page-station div[data-role="content"] span.popupAdresse{
	border-top: 1px solid #34495e;
}

#popupInfoStation.ui-body-c{
	border: none;
}
#popupInfoStation .content {
	width: 280px;
	background:#2c3e50;
}
#popupInfoStation .ui-header.ui-bar-a {
	border: none;
}

#popupInfoStation br{
	display: none;
}

#popupInfoStation .content p br{
	display:inline;
}

#popupInfoStation a[data-role="button"]  {
	position: absolute;
	top: -5px;
	right: 0;
}

#popupInfoStation a.ui-btn-corner-all {
	-webkit-border-radius: 0;
	border-radius: 0;
	moz-box-shadow: 0;
	-webkit-box-shadow: 0;
	box-shadow: 0;
	border: none;
	text-shadow: none;
}

#popupInfoStation a span.ui-btn-inner {
	padding: 4px 8px;
	background: #fff;

}

#popupInfoStation a span span.ui-btn-text{
	color: #1bbc9b;
}